<#include "../base/basic-page.ftl">
<#include "../common/table.ftl">
<#include "../common/modal.ftl">
<#include "../common/form.ftl">
<@page_head>

</@page_head>
<@page_body page_title="菜单管理" side_active="/admin/system/menu">
    <div class="main-content container-fluid">
        <div class="row">
            <!--Responsive table-->
            <div class="col-sm-12">
                <div class="card card-border-color card-border-color-primary">
                    <div class="card-header card-header-divider">新建菜单</div>
                    <div class="card-body">
                        <form method="post">
                            <div class="form-group row">
                                <label class="col-md-1 col-form-label text-sm-right" for="input-menu_name">
                                    菜单名称:
                                </label>
                                <div class="col-md-3">
                                    <input class="form-control form-control-sm"
                                           autocomplete="off"
                                           name="title" required
                                           id="input-menu_name" type="text">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-1 col-form-label text-sm-right"
                                       for="input-menu_mark">
                                    菜单标识:
                                </label>
                                <div class="col-md-3">
                                    <input class="form-control form-control-sm"
                                           autocomplete="off" name="mark"
                                           id="input-menu_mark" type="text">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-1 col-form-label text-sm-right">
                                    上级菜单:
                                </label>
                                <div class="col-md-3">
                                    <select name="parentId" class="form-control form-control-sm">
                                        <option value="" selected="">无</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-1 col-form-label text-sm-right">
                                    菜单类型:
                                </label>
                                <div class="col-md-4">
                                    <label class="custom-control custom-radio custom-control-inline">
                                        <input class="custom-control-input" type="radio"
                                               name="type" value="1" checked>
                                        <span class="custom-control-label">目录</span>
                                    </label>
                                    <label class="custom-control custom-radio custom-control-inline">
                                        <input class="custom-control-input" type="radio"
                                               name="type" value="2">
                                        <span class="custom-control-label">菜单</span>
                                    </label>
                                    <label class="custom-control custom-radio custom-control-inline">
                                        <input class="custom-control-input" type="radio"
                                               name="type" value="3">
                                        <span class="custom-control-label">按钮</span>
                                    </label>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-1 col-form-label text-sm-right" for="input-menu_icon">
                                    菜单图标:
                                </label>
                                <div class="col-md-3">
                                    <input class="form-control form-control-sm"
                                           id="input-menu_icon" type="text"
                                           name="icon" autocomplete="off"
                                    >
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-1 col-form-label text-sm-right"
                                       for="input-menu_route">
                                    菜单路径:
                                </label>
                                <div class="col-md-3">
                                    <input class="form-control form-control-sm"
                                           id="input-menu_route" type="text"
                                           name="router" autocomplete="off"
                                    >
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-1 col-form-label text-sm-right" for="input-menu_sorts">
                                    排序标识:
                                </label>
                                <div class="col-md-1">
                                    <input class="form-control form-control-sm"
                                           id="input-menu_sorts" type="number"
                                           name="sorts" autocomplete="off"
                                    >
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-1 col-form-label text-sm-right">
                                </label>
                                <div class="col-md-1">
                                    <button class="btn btn-space btn-primary" type="submit">提交</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</@page_body>
<@page_foot>
<script src="/static/lib/parsley/parsley.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
        //initialize the javascript
        var cli = new S7BuyCli();
        cli.init();
        // cli.initGoodsGroup();
    });
</script>
</@page_foot>